<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:body>
        <h:form id="formNegociando">
            
            <div class="leyendaTipoImg" style="background: #CCFFCC" /> 
            <div class="leyendaTipoTxt" ><h:outputText value="Enviados" /></div>
            <div class="leyendaTipoImg" style="background: moccasin" /> 
            <div class="leyendaTipoTxt"><h:outputText value="Recibidos" /></div>
            <br/><br/>
            <p:dataGrid id="grid" value="#{pedidosBean.pedidos}" var="alq" columns="1" 
                        styleClass="itemsTable" rowIndexVar="row" paginator="true" 
                        paginatorPosition="bottom" paginatorAlwaysVisible="false"
                        emptyMessage="No hay articulos siendo negociados" >
                <p:column>

                    <div class="artContenedor #{alq.tomado ? 'tomado':'enviado'}" >
                        <ui:remove><div class="artTipo" style="background: #{alq.tomado ? 'green':'orange'}" ></div></ui:remove>
                        <div class="artImagen" >
                            <h:graphicImage value="/image?id=#{alq.imagenId}" 
                                            style="max-width: 120px; max-height: 100px"
                                            rendered="#{alq.imagenId != -1}" />
                            <h:graphicImage value="#{resource['images:noImage.png']}" 
                                            style="max-width: 120px; max-height: 100px"
                                            rendered="#{alq.imagenId == -1}" />
                        </div>
                        <div class="artDescripcionAlq">
                            <h5>
                                <h:link value="#{alq.titulo}" outcome="/vistas/mostrarPublicacion" >
                                    <f:param name="id" value="#{alq.idPublicacion}" />
                                </h:link>
                            </h5>
                            <div class="artDescContenido">
                                <div class="artDescCol1">
                                    <h:outputText value="#{alq.tomado ? 'De: ': 'Alquilador: '}" />
                                    <h:link value="#{alq.usuario}" outcome="/vistas/verReputacion"
                                            style="color: black; font-size: 13px" >
                                        <f:param name="id" value="#{alq.idUsuario}" />
                                    </h:link>
                                    <br/>
                                    <h:outputText value="Cantidad: #{alq.cantidad}" />
                                </div>
                                <div class="artDescCol2" >
                                    <h:outputText value="Desde: #{alq.fechaDesde}" />
                                    <br/>
                                    <h:outputText value="Hasta: #{alq.fechaHasta}" />
                                </div>
                            </div>
                            <div class="accionPrincipal">
                                <p:commandButton value="Aceptar" oncomplete="confirmarAceptar.show();" process="@this"
                                                 rendered="#{not alq.tomado}" style="background: palegreen" >
                                    <f:setPropertyActionListener target="#{pedidosBean.pedidoSeleccionado}" value="#{alq}" />
                                </p:commandButton>
                                <p:commandButton value="Rechazar" oncomplete="confirmarRechazar.show();" process="@this"
                                                 rendered="#{not alq.tomado}" style="background: red; color: white" >
                                    <f:setPropertyActionListener target="#{pedidosBean.pedidoSeleccionado}" value="#{alq}" />
                                </p:commandButton>
                                <p:commandButton value="Cancelar" oncomplete="confirmarCancelar.show();" process="@this"
                                                 rendered="#{alq.tomado}" style="background: red; color: white" >
                                    <f:setPropertyActionListener target="#{pedidosBean.pedidoSeleccionado}" value="#{alq}" />
                                </p:commandButton>
                            </div>
                        </div>  
                        <div class="artPrecio" >
                            <div class="accionesContenedor">
                                <div class="artAcciones">

                                </div>
                            </div>

                            <h:outputLabel value="Precio:" styleClass="precioLabel" />
                            <br/>
                            <h:outputText value="$ #{alq.monto}" styleClass="precio" />
                        </div>
                        <div class="artNotificaciones" >
                            <div class="accionesContenedor"></div>
                            <p:outputPanel  rendered="#{alq.idPedidoCambio != -1 and not alq.tomado and alq.cancelable}" >
                                <a onclick="manejarPopup(jQuery(this).parent('.artNotificaciones').find('.artPopup'), 'artPopup')" >
                                    <p:commandButton type="button" icon="ui-icon-notice" style="font-size: 11px; background: yellow;"/>
                                </a>
                            </p:outputPanel>

                            <div class="artPopup" style="display: none">
                                <h:panelGrid columns="2" style="text-align: left"  >
                                    <f:facet name="header" >
                                        <h:outputText value="Pedido de cambio recibido" 
                                                      style="font-weight: bold; color: cornflowerblue" />
                                    </f:facet>
                                </h:panelGrid>
                            </div>
                        </div>
                    </div>

                </p:column>
            </p:dataGrid>
        </h:form>
        
        <p:confirmDialog widgetVar="confirmarAceptar" header="Aceptar pedido"
                         message="¿Está seguro que desea aceptar el pedido?" >
            <h:form>
                <p:commandButton value="Aceptar" oncomplete="confirmarAceptar.hide();" 
                                 actionListener="#{pedidosBean.confirmarPedido}" 
                                 update=":tab:formNegociando:grid :growl"/>
                <p:commandButton value="Cancelar" type="button" 
                                 onclick="confirmarAceptar.hide();" />
            </h:form>
        </p:confirmDialog>

        <p:confirmDialog widgetVar="confirmarRechazar" header="Rechazar pedido"
                         message="¿Está seguro que desea rechazar el pedido?">
            <h:form>
                <p:commandButton value="Aceptar" oncomplete="confirmarRechazar.hide();"
                                 actionListener="#{pedidosBean.rechazarPedido}" 
                                 update=":tab:formNegociando:grid :growl"/>
                <p:commandButton value="Cancelar" type="button" 
                                 onclick="confirmarRechazar.hide();" />
            </h:form>
        </p:confirmDialog>

        <p:confirmDialog widgetVar="confirmarCancelar" header="Cancelar pedido"
                         message="¿Está seguro que desea cancelar el pedido?" >
            <h:form>
                <p:commandButton value="Aceptar" oncomplete="confirmarCancelar.hide();"
                                 actionListener="#{pedidosBean.cancelarPedido}"
                                 update=":tab:formNegociando:grid :growl"/>
                <p:commandButton value="Cancelar" type="button" 
                                 onclick="confirmarCancelar.hide();" />
            </h:form>
        </p:confirmDialog>
        
    </h:body>
</html>

